<template>
    <div class="selectstore">
        <customHeader :middleTitle="title" @leftCallBack="goBack" />
        <div class="acquiesce">
            <div><p>当前商户 </p> <p class="acquiesce_p">当前</p></div> 
            <p>帅府酒店餐饮公司</p>
        </div>
        <p>门店列表</p>
        <div class="content_list">
            <div>
                <img src="../../assets/images/publicity_farming_main.png" alt="">
                <dl>
                    <dt>帅府酒店餐饮公司</dt>
                    <dd>河北省石家庄市长安区万达广场123号16号楼2单元1803</dd>
                </dl>
            </div>
           
        </div>
        <div class="footer"></div>
    </div>
</template>
<script>
import customHeader from "../../components/header/header.vue";
export default {
    components: { customHeader },
   data() {
        return {
            title: '选择门店',
        }
   },
   created(){
   },
   computed:{
   },
    methods: {
        goBack() {
            if (String(this.$route.query.close) === 'true') {
                jsBridge.closeWindow();
            } else {
                this.$router.back();
            }
        }
   },
}
</script>
<style lang="scss" scoped>
@import "../../style/public";
.selectstore{
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    display: flex;
    flex-direction: column;
    .acquiesce{
        width: pw(355);
        height: pw(76);
        padding-left: pw(15);
        @extend %box-sizing;
        border-radius: pw(10);
        border: solid pw(1) #FF211A;
        background: #fff;
        margin: pw(10) auto pw(15) auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        >div:first-child{
            display: flex;
            align-items: center;
            height: pw(25);
            >p:first-child{
                font-weight:400;
                font-size: pw(14);
                line-height: pw(25);
                
            }
        }
    
        .acquiesce_p{
            width: pw(28);
            height: pw(14);
            font-weight:400;
            font-size: pw(10);
            line-height: pw(14);
            text-align: center;
            border-radius: pw(3);
            background: linear-gradient(280.2deg, #FF0000 0%, #FF7A00 100%);
            margin: auto 0;
            color: #fff;
            margin-left: pw(5);
        }
        >p:nth-child(2){
            font-weight:600;
            font-size: pw(16);
            line-height: pw(25);
        }
    }
    >p{
        margin:0 auto;
        width: pw(355);
        height: pw(18);
        font-weight:400;
        font-size: pw(14);
        line-height: pw(18);
        color: #666;
    }
    .content_list{
        width: pw(355);
        margin:pw(15) auto 0 auto;
        flex: 1;
        overflow: auto;
        &::-webkit-scrollbar {
  display: none;
}
        >div{
            width: pw(355);
            height: pw(100);
            background: #fff;
            @extend %box-sizing;
            padding: pw(10);
            display: flex;
            align-items: center;
            justify-content: left;
            border-radius: pw(10);
            margin-bottom: pw(10);
            
            >img{
                width: pw(80);
                height: pw(80);
                border-radius: pw(8);
                margin-right: pw(10);
            }
            >dl{
                width: pw(245);
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                dt{
                    font-weight:600;
                    font-size: pw(16);
                    height: pw(22);
                    line-height: pw(22);
                    margin-bottom: pw(8);
                }
                dd{
                    font-weight: 400;
                    font-size: pw(12);
                    line-height: pw(16);
                }
            }
        }
    }

}
.footer{
    width: 100%;
    height: pw(50);
    background: #f3f3f3;
}
</style>
